<template>
  <div>done</div>
  <ul class="list-group">
    <li class="list-group-item" v-for="(item,index) in dones" :key="'todo-' + index">
      <div class="form-check">
        <input type="checkbox" class="form-check-input" id="exampleCheck1" />
        <label class="form-check-label" for="exampleCheck1">{{ item }}</label>
      </div>
      <div class="float-right">
        <button type="button" class="btn btn-danger">删除</button>
      </div>
    </li>
  </ul>
</template>

<script lang="ts">
import { reactive, defineComponent, computed } from "vue";
import store from '@/store';

export default defineComponent({
  setup() {

    return reactive({
      dones: computed(() => store.state.dones)
    });
  },
});
</script>

<style scoped>
</style>